@keyframes arrowChange-right {
  from{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
  to{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
  }
}

@-webkit-keyframes arrowChange-right {
from{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
to{
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}
}

@-moz-keyframes arrowChange-right {
from{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
to{
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}
}

@-o-keyframes arrowChange-right {
from{
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
to{
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
}
}

@keyframes arrowChange-left {
  from{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
  }
  to{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

@-webkit-keyframes arrowChange-left {
  from{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
  }
  to{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

@-moz-keyframes arrowChange-left {
  from{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
  }
  to{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

@-o-keyframes arrowChange-left{
  from{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
  }
  to{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
  }
}

@arrow-right:{
  animation: arrowChange-right 0.3s ;
  -moz-animation: arrowChange-right 0.3s ;
  -webkit-animation: arrowChange-right 0.3s ;
  -o-animation: arrowChange-right 0.3s ;
};

@arrow-left:{
  animation: arrowChange-left 0.3s ;
  -moz-animation: arrowChange-left 0.3s ;
  -webkit-animation: arrowChange-left 0.3s ;
  -o-animation: arrowChange-left 0.3s ;
}

@keyframes show-error {
  from{
    transform:translateY(-24px);
    -webkit-transform: translateY(-24px);
  }
  to{
    transform:translateY(0);
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes show-error {
  from{
    transform:translateY(-24px);
    -webkit-transform: translateY(-24px);
  }
  to{
    transform:translateY(0);
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes show-error {
  from{
    transform:translateY(-24px);
    -webkit-transform: translateY(-24px);
  }
  to{
    transform:translateY(0);
    -webkit-transform: translateY(0);
  }
}

@-o-keyframes show-error {
  from{
    transform:translateY(-24px);
    -webkit-transform: translateY(-24px);
  }
  to{
    transform:translateY(0);
    -webkit-transform: translateY(0);
  }
}

@show-error:{
  animation: show-error 0.3s ;
  -moz-animation: show-error 0.3s ;
  -webkit-animation: show-error 0.3s ;
  -o-animation: show-error 0.3s ;
}